<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>StoryBoy</title>
<link type="text/css" href="data/style.css" rel="stylesheet" />
</head>

<body>

   <!-- START WRAPPER -->
   <div class="Wrapper">
   
     <!-- START OF HEADER -->
	 <div class="Header">
	 
	    <div class="Logo left"><a href="index.html"><img src="images/logo.gif" alt="logo" /></a></div>
        
        <div class="right">
        
            <div class="Sign">
                <span class="ThinBlack">Welcome</span> <a href="" class="BlueLink">Hoa</a>
                <span class="DLine">|</span> 
                <a href="" class="BlueLink">Sign Up</a>
            </div> 
            <br class="clear" />
            
            <!-- START OT MENU -->
            <ul class="Menu">
            	<li><a href="" class="menu1" title="home"><!-- --></a></li>
                <li><a href="" class="menu2" title="book store"><!-- --></a></li>
                <li><a href="" class="menu3" title="my ebooks"><!-- --></a></li>
                <li><a href="" class="menu4" title="blog"><!-- --></a></li>
                <li><a href="" class="menu5" title="about us"><!-- --></a></li>
                <li><a href="" class="menu6" title="contact us"><!-- --></a></li>
            </ul>
            <!-- END OF MENU -->
            
        </div>
        
        <div class="clear"><!-- DON'T DELETE --></div>
        
	 </div>
     <!-- END OF HEADER -->
	 
	 <!-- START OF CONTENT -->
      <div class="Content box AdminPage">
      
          <!-- START OF SIDECOL -->
          <div class="SideCol">
          
          	  <div class="TopBar"><!-- DON'T DELETE --></div>
              
              <div class="BtmBar">
              
              	  <div class="TitleBar">Admin Manage</div>
                  
                  <!-- START OF SUBMENU -->
                  <ul class="SubMenu">
                  	<li><a href="" class="activated">Members</a></li>
                    <li><a href="">eBooks</a></li>
                    <li><a href="">Series</a></li>
                    <li><a href="">Categories</a></li>
                    <li><a href="">Homepage Featured</a></li>
                    <li><a href="">Meta Data</a></li>
                    <li style=" background:none;"><a href="">Transaction History</a></li>
                  </ul>
                  <!-- END OF SUBMENU -->

              </div>
              
          </div>
          <!-- END OF SIDECOL -->
          
          <!-- START OF MAINCOL -->
          <div class="MainCol">
              
          	  <h1>Manage Members</h1> 
              <br />

              <input type="text" class="TxtInput" value="Search Keyword" />
              <a href="" title="search"><img src="images/search_btn.gif" /></a>
              
              <div class="Titlebox box"><!-- DON'T DELETE --></div>
              
              <!-- START OF SAVE BOX -->
              <div class="SaveBox Smallbox">
              
                  <span class="Error"> Please save your changes.</span>
              </div>
              <!-- END OF SAVE BOX -->
              
              <!-- START OF SUCCESSFUL BOX -->
              <div class="SuccessfulBox Midbox">
                  <span class="Successful"> You have successfully saved the changes.</span>
              </div>
              <!-- END OF SUCCESSFUL BOX -->
              
              <div class="btnBox right Smallbox">
                  <a href="" class="Blue_btn" title="export members"><span><img src="images/export_icon.gif" class="icon" /> Export Members</span></a>
                  <a href="" class="Blue_btn" title="mass mail to all members" style="margin:0;"><span><img src="images/message_icon.gif" class="icon" /> Mass Mail to All Members</span></a>
              </div>
            
            <br class="clear" />
            
            <!-- START OF DISPLAY BOX -->  
            <div class="DisplayBox_top">
              
              	  <b class="left SmallFont">Displaying <span class="Blue">1 - 15 of 47</span> members </b>
                  
                  <!-- START OF PAGE -->
                  <div class="Page right SmallFont">
                      <a href="" title="prev"><img src="images/prev_icon.gif" /></a>
                  	  <b class="activated">1</b>
                      <a href="" class="BlueLink">2</a>
                      <a href="" class="BlueLink">3</a>
                      <a href="" class="BlueLink">4</a>
                      <a href="" class="BlueLink">5</a>
                      ...
                      <a href="" class="BlueLink">16</a>
                      <a href="" title="next"><img src="images/next_icon.gif" /></a>
                  </div>    
                  <!-- END OF PAGE -->
                  <br class="clear" />     
                    
            </div>  
            <!-- END OF DISPLAY BOX -->
              
              <table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="FFF" class="Lists">
              
                <tr class="DarkGrey_bg">
                  <td width="13%"><b class="Grey SmallFont">&nbsp;</b></td>
                  <td width="34%"><b class="Grey SmallFont">Name </b> <img src="images/arrow_sort.gif" alt="arrow sort" title="arrow sort" /></td>
                  <td width="16%"><b class="Grey SmallFont">Role</b> <img src="images/arrow_sort_desc.gif" alt="arrow sort desc" title="arrow sort desc" /></td>
                  <td width="21%"><b class="Grey SmallFont">Status</b> <img src="images/arrow_sort.gif" alt="arrow sort" title="arrow sort" /></td>
                  <td width="16%"><b class="Grey SmallFont">Action</b></td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr class="Yellow_bgBox">
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td><select>
                  		<option>User</option>
                  	  </select>
                  </td>
                  <td><select class="Select">
                  	  	<option>Enabled</option>
                      </select>
                  </td>
                  <td>
                  	<a title="save" style="margin-top: 3px;" class="SmallBlue_btn" href=""><span>Save</span></a>
                    <a title="delete" href="" style="margin: 2px 0pt 0pt 10px;"><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Lucida Manda</a></td>
                  <td>Admin</td>
                  <td><span class="Enable">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Lucida Manda</a></td>
                  <td>Admin</td>
                  <td><span class="Enable">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Lucida Manda</a></td>
                  <td>Admin</td>
                  <td><span class="Enable">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Lucida Manda</a></td>
                  <td>Admin</td>
                  <td><span class="Enable">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Ming Chean, Chan</a></td>
                  <td>User</td>
                  <td><span class="Successful">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
                <tr>
                  <td><a href=""><img src="images/member_pic.jpg" alt="Lucida Manda" title="Lucida Manda" class="border" /></a></td>
                  <td><a href="" class="BlueLink">Lucida Manda</a></td>
                  <td>Admin</td>
                  <td><span class="Enable">Enabled</span></td>
                  <td>
                  	<a title="edit" href=""><img class="icon" src="images/edit_btn.gif"/></a>
                    <a title="delete" href=""><img src="images/delete_icon.gif"/></a>
                  </td>
                </tr>
                
              </table>
              
              
      <!-- START OF DISPLAY BOX -->
              <div class="DisplayBox_btm">
              
              	  <b class="left SmallFont">Displaying <span class="Blue">1 - 15 of 47</span> members </b>
                  
                  <div class="Page right SmallFont">
                      <a href="" title="prev"><img src="images/prev_icon.gif" /></a>
                  	  <b class="activated">1</b>
                      <a href="" class="BlueLink">2</a>
                      <a href="" class="BlueLink">3</a>
                      <a href="" class="BlueLink">4</a>
                      <a href="" class="BlueLink">5</a>
                      ...
                      <a href="" class="BlueLink">16</a>
                      <a href="" title="next"><img src="images/next_icon.gif" /></a>
                  </div>
                  <br class="clear" />
              </div>
              <!-- END OF DISPLAY BOX -->
              
        </div>
          
          <div class="clear"><!-- DON'T DELETE --></div>
            
      </div>
      <!-- END OF CONTENT -->
		
      <!-- START OF FOOTER -->
      <div class="Footer SmallFont">
        
	  <div class="CopyRightBox">Copyright © 2009 StoryBoy. All rights reserved.</div>
          
		  <div class="right">
              <a href="" class="BlueLink">Terms of Use</a> 
              <span class="DLine">|</span>  
              <a href="" class="BlueLink">Privacy Policy</a>.
              <!-- AddThis Button BEGIN -->
			  <script type="text/javascript">var addthis_pub="49eeb74616e7f245";</script>
                <a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()" title="share"><img src="images/share_btn.gif" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://w.sharethis.com/button/sharethis.js#publisher=6f764ca4-5b03-49b3-8cad-3dbd5e921d64&amp;type=website&amp;buttonText=Share%20StoryBoy"></script>
             <!-- AddThis Button END -->

		  </div> 
          
          <div class="clear"><!-- DON'T DELETE --></div>
          
	  </div>
      <!-- END OF FOOTER -->
        
   </div>
   <!-- END OF WRAPPER -->
   
</body>
</html>
